<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="layout" content="guest"/>
</head>
<body>
	<!-- slide container starts here-->
	<div class="slide_containder">
		<div class="box_skitter box_skitter_large">
			<ul>
				<li><a href="#cube"><img src="${resource(dir:'images', file:'img01.png')}"
						width="1000" height="500" class="cube"></a></li>
				<li><a href="#cubeRandom"><img src="${resource(dir:'images', file:'img02.png')}"
						width="1000" height="500" class="cubeRandom"></a></li>
				<li><a href="#block"><img src="${resource(dir:'images', file:'img03.png')}"
						width="1000" height="500" class="cubeRandom"></a></li>
				<li><a href="#cubeStop"><img src="${resource(dir:'images', file:'img04.png')}"
						width="1000" height="500" class="cubeStop"></a></li>
			</ul>
		</div>
	</div>
	<!-- slide container ends here-->

	<!-- profile thumbs container starts here-->
	<div class="thumbs_container">
		<div class="thumbs_container">
			<div class="model_sorting">
				<table width="98%" border="0" cellspacing="0" cellpadding="1">
					<tr>
						<td width="0%" align="left" valign="middle"><span class="h1">Models
								Online:1250</span></td>
						<td width="14%" align="center" valign="middle" class="show_count">Showing
							10 - 50</td>
						<td width="14%" align="left" valign="middle" class="preview"><a
							href="preferences.html">PREFERENCES</a></td>
						<td width="14%" align="left" valign="middle" class="preview"><a
							href="#">PREVIEW</a></td>
						<td width="14%" align="left" valign="middle"><select
							class="select">
								<option selected class="span">SORTING</option>
								<option class="span">ALPHABETICALLY</option>
								<option class="span">NEW MODELS</option>
								<option class="span">MODELS ONLINE</option> &nbsp;
						</select></td>
					</tr>
				</table>
			</div>

			<div class="modelpics">
				<ul>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb1.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb2.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb3.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb4.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb5.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb6.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb7.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb8.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb9.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb10.png')}" width="250" height="210" alt=""><</a>/li>

					
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb11.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb12.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb13.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb14.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb15.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb16.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb17.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb18.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb19.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb20.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb21.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb22.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb23.png')}" width="250" height="210" alt=""></a></li>
					<li><a href="#"><div class="modelname">Model Name</div> <img
							src="${resource(dir: 'images', file: 'thumb24.png')}" width="250" height="210" alt=""></a></li>
				</ul>
			</div>

		</div>
		<!-- profile thumbs container ends here-->

		<!-- loading container starts here-->
		<div class="load_container">
			<div class="count">
				<a href="#">Load More</a>
			</div>
			<div class="top">
				<ul>
					<li><a href="#">TOP<span class="icon"><img
								src="images/toparrow.png" width="34" height="34"></span></a></li>
				</ul>
			</div>
		</div>
		<!-- loading container ends here-->
	</div>
</body>
</html>